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HTMLp 



<HTML> 
<HEAD> 

<KEY KEY=2 LABEL- " PhoneBook V ACTION="f ile : //phonbook .html"> 
<KEY KEY=1 LABEL="Menu" ACTION=MENU> 

<KEYMENU KEY=1 LABEL="Messages" ACTION=f ile : //msgs . html> 

<KEYMENU KEY=1 LABEL=" Recent Calls" ACTIONS ile : //recent . html> 

<KEYMENU KEY=1 LABEL= " Phone Settings" ACTION-" file : //phonsett . html "> 

<KEY KEY=up action="file: //recent. html"> 

<KEY KEY=down action=" file : //phonbook . html "> 

</HEAD> 

<BODY> 

<img src=f ile : //space ,gifxbr> 
<img src=f ile : //space . gif><br> 
<CENTER> 

<IMG SRC="f ile: //la-air. gif"><br> 
c e 1 1 u 1 a r<br> 
services 

</CENTER> - 

</BODY> 

</HTML> 



Result 



123 



A i ' p t e i 



^ a 1 I i i I ^ v 



►O Messages 

©Recent Calls 
©Phone Settings 
"Select* 



PhoneBook 



FIG. 7 



HTMLp 



<HTML> 
<HEAD> 
<TOP> 

<TITLE>Phone Book</TITLE> 

<KEY KEY=1 Label=New Action="new"> 

<KEY KEY=clear action^delete> 

<HELP>Press any number key to search for an 

entry</HELP> 

<HELP>Press Send to call someone</HELP> 

</HEAD> 

<BODY> 

<OBJECT CODE^"phone : list?editkey=2&showstatus"> 

</BODY> 

</HTML> 



Result 



fast 



(262)3335214 

Daily Horoscope D 



►George Smithers jfc 



Hew | Edit 



^.iidQ.hi fast 

Press any number key tt 

(262)3335214 

Daily Horoscope Q 



►George Snifters 



Hew 



Edit 



*.iqoD..h fast 

to search for an entry 

(262)3335214 

Daily Horoscope Q 



►George Smithers [j|]a 



Hew | Edit 



fast 



(262)3335214 

Daily Horoscope Q 



►George Smithers [ft] jfc 



Hew | Edit 



^.■ddD.ud fast 

Press Send to 

(262)3335214 

Daily Horoscope Q 



►George Smithers a 



Hew 



Edit 



FIG. 8 



HTMLn 

XX X LrXXjlw 


Result 


<HTML> 
<HEAD> 

<KEY KEY=2 LABEL=Ignore ACTION=phone : ignore> 






^oddoQ.hd 123 




<IF TEST=extra:conf> 




Adam M. 




<KEY KEY=1 LABEL=Conf erence ACTION=phone : conf erence> 






<ELSE> 




A 




<KEY KEY=1 LABEL="Pick Up" ACTION=phone : answer> 






</IF> 








<KEY KEY=send ACTION=phone : answer> 








<IF TEST=config:anykey> 








<KEY KEY=default ACTION=phone : answer> 








<KEY KEY=back ACTION=phone : answer> 








</IF> 




Pick Up | Ignore 




<KEY KEY=end ACTION=phone : ignore> 




<KEY KEY=up ACTION=phone :upvolume> 




<KEY KEY=down ACTION=phone : downvolume> 




</HEAD> 




<BODY > 




<TEMPLATE> 




<CENTER> 




% {extra : name) <br> 




<img SRC=extra:bigicon><br> 




<img src=file : ringpal% (extra :pal) ,gif> 




</CENTER> 




</TEMPLATE> 




</BODY> 




</HTML> 





m FIG. 9 
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HTMLp 


Result 


<HTML> 






<HEAD> 






l*l|DnQ|||D fast 




<TOP> 




<TlTLE>Pnone Book</title> 








<KEY KEY=1 LABEL= " Modi f y " ACTION=MENU> 








<KEYMENU KEY=1 LABEL="Add Another #" ACTION="phone : edit?Name=@n"> 
<KEYMENU KEY=1 LABEL= "Assign Speed Dial" 

ACTION="f ile : //pbspeed . html?id=@i&of f set=@o&Name==@n&icon=@I "> 
<KEYMENU KEY=1 LABEL= "Set Ring Tone" 
ACTION="file : //pbring . html?id=@i&Name=@n"> 
<KEYMENU KEY=1 LABEL= "Change Number" 

action= rile : //pDnum. nr.nu ria— m&oirset- iso&Name=isn&pnone=isN > 








► OAdd Another # 

©Assign Speed Dial 
©Set Ring Tone 
©Change Number 


L..P 




<KEY KEY=2 Label=New Action-"new"> 


Select | New 






<KEY KEY=clear action=delete> 






<HELP>Press any number key to search for an entry</HELP> 
<HELP>Press Send to call someone</HELP> 






</HEAD> 






<BODY> 






<OBJECT CODE="phone:list?showstatus"> 






</BODY> 
</HTML> 
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HTMLp 



<HTML> 
<HEAD> 
<TOP> 

<KEY KEY=1 Label=New Action-"new"> 
<KEY KEY=clear action=delete> 
</HEAD> 

<BODY background="file : //logo. gif "> 

<IMG SRC="file: //book. gif" ALIGN=bottom height=15 HSPACE=2> 

<b>P h o n e B o o k</bxbr> 

 <OBJECT 

CODE="phone : list ?editkey=2&showstatus&editurl=f ile : //pbedit .html?id 

=@i%2 6of f set=@o%26Name=@n%2 6speed=@S%2 6icon=@I%2 6Phone=@N%26ring=@r 

%26prio=@R" width=101> 

</BODY> 

</HTML> 



Result 



fast 



QQPhone book! 


$00 


12223333 


' 0 


^ Daily Horoscope 


4 
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0 
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0 
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Edit 
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HTMLp 


Result 


<HTML> 
<HEAD> 

<TITLE>Set Backlight</TITLE> 

</HEAD> 

<BODY> 

<TEMPLATE> 

<FORM METHOD=POST ACTION="conf ig : set"> 
Backlight should be : <br> 

<input type=radio name^'backlight" CHECKED="config:backlignt=0" 
value^OxDn when in use<br> 

<input type=radio name="backlight" CHECKED="config:backlight=l" 
value=l>On when in use or charging<br> 

<input type=radio name"backlight" CHECKED="config:backlight=2" 

value=2>0f f<br> 

<br> 

Delay: <input type=text name="backlight delay" 

value="% {config: backlight delay) "> 

<input type=submit name=ok value=OK> 

</FORM> 

</TEMPLATE> 

</BODY> 

</HTML> 




¥□□□0 ; o0 oo 123 

SacKngnnnould be: 
► 0 On when in use 
O On when in use or 
cnarging 

Delay: 15 

| OK 
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HTMLp 


Result 


file info.html 

<HTML> 

<INC SRC=bbody.html> 

<center><font size=l>Inf ormation Services</f ontxbrx/center> 
<FORM ACTION=phone:indir> 
<SELECT SIZE=3 NAME=url SIMPLE> 

<OPTION VALUE=http: //svcs/traf fic.html>Traf fic Watch</OPTION> 
<OPTION VALUE=http : //svcs/billing . html>Billing Inquiries</OPTION> 
<OPTION VALUE=http: //svcs/portf olio . html>Stock Portf olio</OPTION> 
<OPTION VALUE=http://svcs/weather.html>Local Weather</OPTION> 
</SELECT> 

<INPUT TYPE=submit KEY=send> 
</FORM> 

<INC SRC=endbbody.html> 
</HTML> 






^■■doQ.iio 123 1 




A i p t e i 1 

Information Services 1 
►Traffic Watch 1 

Billing Inquiries 1 
StockPortfolio | 








file bbody.html: 

<! Specifies a body surrounded by a border with the operator 
logo at the top. The including file can add a subcaption 
immediately below, but left and right margin are set so text 
will not impinge on the border > 

<BODY BACKGROUND=sq-back.gif BGPROPERTIES=f ixed> 

<BLOCKQUOTE> 

<BR> 

<INC SRC= stdlogo.html> 


file endbbody.html: 

<! Closes the tags that were opened by bbody.html> 

</BLOCKQUOTE> 

</BODY> 


file stdlogo.html: 

<! Provides the operator logo with the text flow set to 
receive a subcaption for the logo > 
<IMG SRC=l-airtel.gif> 
<BR> 



FIG. 13 



HTMLp 



Result 



<HTML> 

<HEAD><TITLE>Dialing</TITLE> 
<TEMP> 

<KEY KEY=1 Label="Recent" Action="file : //recent . html"> 

</HEAD> 

<BODY> 

<FORM ACTION=="phone:dial"> 

<INPUT NAME=num TYPE=phonenum> 

<INPUT TYPE=submit KEY=send> 

</FORM> 

</BODY> 

</HTML> 



- speed dial 

Garth & 



Recent 




123 





123 


Dialing ^^^H 




►99b 




- number* search — 
Barbra 




Recent | 



123 

J952143 

- number search — 

tBarbra |j£ 



Recent | 
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HTML 

<HTML> 
<BODY> 

<FORM METHOD=POST ACTTON="http : //cgi- 
bin/purchase"> 

Name: <INPUT TYPE^TEXT NAME=name><br> 
Address: <INPUT TYPE=TEXT NAME=street><br> 
City: <INPUT TYPE=TEXT NAME=city> State: 
<INPUT TYPE=TEXT NAME=sta'te MAXLENGTH=2 
SIZE=2> Zip: <INPUT TYPE^TEXT NAME=zip 
SIZE=5><br> 

Credit Card: <INPUT TYPE=RADIO 
NAME=cardtype VALUE=visa>VISA <INPUT 
TYPE=RADIO NAME=cardtype 
VALUE=mc>MasterCard <INPUT TYPE=RADIO 
NAME-cardtype VALUE=amex>American 
Express<br> 

£ Number: <INPUT TYPE=TEXT NAME~cnumber><br> 
<INPUT TYPE=submit name=buy 
value=Buy></FORM> 
</BODY> 
</HTML> 



Result 



Name: [[ 



Address: 



City: J 



fi State: 



Zip: 



Credit Card: O VISA O MasterCard O American Express 
Number: I J 



FIG. 16 
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Client 


Server 


<nTMLi> 
<HEAD> 

<TITLE>Purchase Skis</TITLE> 

<TOP> 

</HEAD> 

<BODY> 

Please enter your name: 

<FORM METHOD^GET ACTION="http : //skishop/cgi-bin/addr w > 

<INPUT TYPE=TEXT NAME=name SIZE=25><br> 

<INPUT KEY=send TYPE=submit> 

</FORM> 

</BODY> 

</HTML> 




GET http: //skishop/cgi-bin/addr?name=GeorgeH-Will. 






Insert "name" into the HTML 
template maintained on the 
server, upload to client. 


<HTML> 
<HEAD> 

<TITLE>Purchase Skis</TITLE> 

</HLAD> 
<BODY> 

Now we need your address : 

<FORM METHOD=GET ACTION="http : //skishop/cgi-bin/credit"> 

<INPUT TYPE=hidden NAME=name VALUE="George Will"> 

Street: <INPUT TYPE=TEXT NAME=street size=9xbr> 

City: <INPUT TYPE=TEXT NAME=city size=10><br> 

State: <INPUT TYPE=TEXT NAME=state MAXLENGTH=2 SIZE=2><br> 

Zip: <INPUT TYPE=TEXT NAME=zip SIZE=5> 

<INPUT KEY=send TYPE=submit> 

</FORM> 

</BODY> 

</HTML> 




GET http: //skishop/cgi- 

bin/credit?name=George+Will(S t street=2+Anywhere&cit 
y=Madison&state=WI&zip=537 05 






Insert address parameters into 
the template maintained on the 
server, and upload to client. 



FIG. 17a 
PRIOR ART 






Client 


Server 




<HTML> 






<HEAD> 






<TITLE>Purchase Skis</TITLE> 






</HEAD> 






<BODY> 






Finally, your credit card info: 






<FORM METHOD=GET ACTION="http : //skishop/cgi-bin/conf irm"> 






<INPUT TYPE=hidden NAME=name VALUE="George Will"> 






<INPUT TYPE=hidden NAME=street VALUE="2 Anywhere"> 






<INPUT TYPE=hidden NAME=city VALUE="Madison"> 






<INPUT TYPE=hidden NAME=state VALUE="WI"> 






<INPUT TYPE=hidden NAME=zip VALUE="53705"> 






Credit Card:<br> 






<INPUT TYPE=RADIO NAME=cardtype VALUE=visa>VISA 






<INPUT TYPE=RADIO NAME=cardtype VALUE=mc>MasterCard 






<INPUT TYPE=RADIO NAME=cardtype VALUE=amex>American 






Express<br> 






Number: <iNPUT TYPE=TEXT NAME=cnumber > 






<INPUT KEY=send TYPE^submit name=buy value="Review"> 






</FORM> 






</BODY> 






</HTML> 






GET http: //skishop/cgi- 






h"i n /rrpHi t PTHP=fiPnrnp+ Wi 1 1 & < ^t"Tppt - = ? +Anvwhprp & c i t~ 

I*/ ±11/ _i_ \JL -L- l_ . 1 1 CA 1 1 1 \J ^ J_ 1 itXXXvXOLXCCL • xil 1 V nllC J. ^ UC _l_ ^ 






y=Madison&state=WI & zip=537 05&cardtype=visa&cnurnbe 




o 


r-7732222156661000 




fcff 




Insert credit card parameters 


Sj— r 




into template maintained on 






the server, and upload to 


! 




client. 




<HTML> 






<HEAD> 




y3 


<TITLE>Confirm Order</TITLE> 






</HEAD> 






<BODY> 






<DL> 




P 


<DT>Name : </DT><DD><b>George Will</bx/DD> 






<DT>Address : </DT><DD><b>2 Anywhere, Madison, WI, 






53705</bx/DD> 




o 


<DT>Credit Card : </DTXDDXb>VISA<br> 






7732222156661000</bx/DD> 






</DL> 






<FORM METHOD=POST ACTION="http : //skishop/cgi-bin/purchase"> 






<INPUT TYPE=hidden NAME=name VALUE="George Will"> 






<INPUT TYPE=hidden NAME=street VALUE="2 Anywhere"> 












<INPUT TYPE-hidden NAME=state VALUE="WI"> 






<INPUT TYPE=hidden NAME=zip VALUE=" 53705"> 






<INPUT TYPE=hidden NAME=cardtype VALUE="visa"> 






<INPUT TYPE=hidden NAME=cnumber VALUE="7732222156661000"> 






<INPUT KEY=1 TYPE=submit name=buy value-"Buy ! "> 






</FORM> 






</BODY> 






</HTML> 






POST http: //skishop/cgi- 






bin/purchase?name=George+Will&street=2+Anywhere&c 






ity=Madison&state=WI&zip=537 05&cardtype=visa&cnum 






ber=7732222156661000 








Process transaction with all 






parameters. 
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HTMLp 


Result 


file: purchaseform.html 

<HTML> 

<HEAD> 

/TTTT CSDnroViaoa C 1/ -i cn? /TTTT IT'S 

<TOP> 

<KEY KEY 55 2 LABEL="Never Mind" ACTION=done> 

</HEAD> 

<BODY> 

Please enter your, name: 

<FORM METHOD=NEXT ACTION="f ile : //addr . html"> 

<INPUT TYPE=TEXT NAME=name cap=name abcmodes=alpha, num 

SIZE=25><br> 

<INPUT KEY=send TYPE=submit > 

</FORM> 

</BODY> 

</HTML> 




■ ■ ■ _ i*i _ — *- — 
faTHIBISKalS 

3 lease enter your name: 
►George Will 

[Never Mind 




file: addr.html 

<HTML> 

<HEAD> 

<TITLE>Purchase Skis</TITLE> 

<KEY KEY=2 LABEL="Never Mind" ACTION=done> 

</HEAD> 

<BODY> 

Now we need your address : 

<FORM METHOD-NEXT ACTION="f ile : //credit . html"> 

Street: <INPUT TYPE=TEXT NAME=street cap=name abcmodes=num, alpha 
size=9><br> 

City: <INPUT TYPE=TEXT NAME=city cap=name abcmodes^alpha 
size=10><br> 

State: <INPUT TYPE=TEXT NAME=state cap=name abcmodes=alpha 
MAXLENGTH=2 SIZE=2><br> 

Zip: <INPUT TYPE=TEXT NAME=zip abcmodes=num SIZE=5> 

<INPUT KEY=send TYPE-submit > ■ 

</FORM> 

</BODY> 

</HTML> 




J^nDDnQjimi^ 123 

^Jow we need your 
address: 

Street: 2 Anywhere 
City: Ma'disbri 
State: a/I 
Zip: ►537051.. 

iHever Mind 




file: credit.html 

<HTML> 

<HEAD> 

<TITLE>Purchase Skis</TITLE> 

<KEY KEY=2 LABEL="Never Mind" ACTION=done> 

^ / LlV-ttWJ 

<BODY> 

Finally, your credit card info: 

<FORM METHOD=NEXT ACTION=" file : //confirm. html" > 
Credit Card:<br> 

<INPUT TYPE=RADIO NAME=cardtype VALUE=visa>VISA 

<INPUT TYPE=RADIO NAME=cardtype VALUE=mc>MasterCard 

<INPUT TYPE=RADIO NAME=cardtype VALUE=amex>American Express<br> 

Number: <INPUT TYPE=TEXT NAME-cnumber abcmodes=num> 

<INPUT KEY=send TYPE=submit name=buy value="Review"> 

</FORM> 

</BODY> 

</HTML> 




^oj|]Q||||D^ 123 

-inally, your credit card 
info: 

Credit Card: 

©VISA 
► O MasterCard 

O American Express 
Mumtaer: 2156661000 
Select (Never Mind 
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HTMLp 


Result 


<HTML> 
<HEAD> 

<TITLE>Confirm Order</TITLE> 

<KEY KEY=2 LABEL="Never Mind" ACTION=done> 

</HEAD> 

<BODY> 

<template> 

<DL> 

<DT>Name : </DT><DD><b>% (extra : name) </bx/DD> 

<DT>Address :</DTXDDXb>% (extra : street ) , % (extra: city) , 

% (extra:state) , % (extra : zip) </bx/DD> 

<DT>Credit Card:</DT><DD><b><if 

test=extra : cardtype=visa>VISA</if xif 

test=extra : cardtype=mc>MasterCard</if xif 

test=extra : cardtype=amex>American Express</if ><br> 

% (extra: cnumber) </bx/DD> 

</DL> 

</template> 

<FORM METHOD=POST ACTION="http : //cgi-bin/purchase"> 

<INPUT KEY=1 TYPE=submit name=buy value="Buy ! ""> 

</FORM> 

</BODY> 

</HTML> 




^DDaiiQjiin^ 123 

Mame: 
George Will 

Address: 

Wl, 53705 

Credit Card: 

Buy! jHever Mind 




Final HTTP transaction sent to server: 

name/George Will 

street/2 Anywhere 

city/Madison 

state/WI 

zip/53705 

cardtype/visa 

cnumber/7732222156661000 

buy/Buy! 
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HTMLp 


Result 


<HEAD> 

<TITLE>Green-Tongued Iguana</TITLE> 

</HEAD> 

<BODY> 

The <a href=iguana . gif label=Picture>green-tongued iguana</a> is a 
native of <a href=map?city=adelaide label=map>Adelaide, 
Australia</a>. It likes to live under spare tires, unlike the <a 
href =lizards/blue-tongued-iguana . html>Blue-Tongued Iguana</a>, its 
cousin to the north. 
</BODY> 




^■■igQ.iii 123 

rhe green -tongued 
iguana is a native of 
Adelaide, Australia. It 
likes to live under spare 
\ ires, unlike the 
Blue -Tongued Iguana, 
its cousin to the north. 

I Links 

^.inpQ.iia 123 

Fhe green -tongued 
iguana is a native of 
Adelaide, Australia. It 

► O Picture 

©map 

©Blue -Tongued lgua„ 
I Select 
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HTMLd 


Result 


<HEAD> 




<TITLE>OAK to SEA 3/24</TITLE> 




1 ^■■■dP.hd 123 




<LINKMENU> 




OAK to SEA 3/24 




</HEAD> 
<BODY> 
<TABLE> 
<TR> 

<THXU>Flight</UX/TH> 

<TH ALIGN=CENTERXU>Dep</UX/TH> 

<TH ALIGN=CENTERXU>Arr</U></TH> 




: light Pep Arr 
►UA 909 09:33 11:22 
AS 63 10:02 1157 
AS 102 12:3614:08 
UA887 15:10 17:21 

Select I 




</TR> 




<TR> 




<TDXA HREF=flights/ua909 .html>UA 909</A></TD> 




<TD ALIGN^RIGHT>09:33</TD> 




<TD ALIGN=RIGHT>11 : 22</TD> 




</TR> 




<TR> 




<TD><A HREF=flights/as63 ,html>AS 63</A></TD> 




<TD ALIGN=RIGHT>10 :02</TD> 




<TD ALIGN=RIGHT>11:57</TD> 




</TR> 




<TR> 




<TDXA HREF=f lights /asl02.html>AS 102</AX/TD> 




<TD ALIGN=RIGHT>12:36</TD> 




<TD ALIGN=RIGHT>14 :08</TD> 




</TR> 




<TR> 




<TDXA HREF=flights/ua887.html>UA 887</Ax/TD> 




<TD ALIGN=RIGHT>15:10</TD> 




<TD ALIGN=RIGHT>17 :21</TD> 




</TR> 

</TABLE> 
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<HEAD> 

<TITLE>Error ! </TITLE> 

<KEY KEY=1 LABEL^" Sorry ! " ACTION~pop> 

</HEAD> 

<BODY> 

<CENTER> 

<IMG SRC=file: //booboo . gif > 
<BR> 

<B><FONT SIZE=7>.<INC SRC=extra :message></FONT></B> 

</CENTER> 

</BODY> 

</HTML> 
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Result 


<HEAD> 




<DIAL NAME= "Voice Mail" NOSCREENCHANGE>8144299x#4416722</DIAL> 
<TITLE>Voice Box</TITLE> 
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<KEY KEY=#5 ACTION=vmListen . htp> 
<KEY KEY=#4 ACTION=vmGreeting . htp> 
<KEY KEY=#6 ACTION=vmNew . htp> 
<KEY KEY=#9 ACTION=vmSignof f . htp> 




©Greeting Options 
©Listen to Messages 
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©Sign Off 




<KEY KEY=de fault ACTION=none> 








<TOP> 








</HEAD> 
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<BODY> 




<IMG SRC=builtin: //key4> Greeting Options<br> 
<IMG SRC=builtin: //key5> Listen to Messages<br> 
<IMG SRC=builtin: //key6> Record a Message<br> 




<IMG SRC=builtin: //key9> Sign Off<br> 
</BODY> 
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<KEY KEY=#2 ACTION=phone : dial?num=2> 
<KEY KEY=#3 ACTION=phone : dial?num=3> 
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<KEY KEY=#9 ACTION=pop> 
</HEAD> 
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<BODY> 
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<IMG SRC=builtin: //key2 WIDTH=22> Back Up a Bit<br> 
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